import React from 'react'
import MenuIcon from '@material-ui/icons/Menu';
import { AppBar, Toolbar,IconButton,Typography, Hidden,Drawer } from '@material-ui/core';
import DrawerContent from '../../controls/DrawerContent';
export default class MainPage extends React.Component{
    render(){
        return <div>
            <AppBar position="fixed">
                <Toolbar>
                <IconButton edge="start" color="inherit" aria-label="menu">
                    <MenuIcon />
                </IconButton>
                <Typography variant="h6" className="text-white">
                    News
                </Typography>
                </Toolbar>
            </AppBar>
            <Hidden xsDown implementation="css">
                <Drawer variant="permanent" style={{width:"240"}} open >
                    <DrawerContent></DrawerContent>
                </Drawer>
            </Hidden>
        </div>
    }
}
